<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            /*background-color: pink;*/
            background-image: url("1.png");
            /*设置图片平铺方式*/
            background-repeat: no-repeat;
            /*background-repeat: repeat-x;*/
            /*background-repeat: repeat-y;*/
            /*默认*/
            /*background-repeat: repeat;*/
            /*设置图片初始化渲染的位置*/
            background-position: center center;
            /*设置块元素的高度*/
            height: 700px;
        }
    </style>
</head>
<body>
<!-- 块元素   占据整行空间
    h1 -h6
    p
-->
<p>
    css背景样式的使用
</p>
<h1>h</h1>


</body>
</html>